<!DOCTYPE html>
<html lang="zxx">

<head>

	<title>联系我们</title>
	<!-- Meta tag Keywords -->

	<link rel="stylesheet" href="./layui/css/layui.css"  media="all">
	<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
	<script src="./layui/layui.js" charset="utf-8"></script>
	<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->


	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="UTF-8" />
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>
	<!-- //Meta tag Keywords -->

	<!-- Custom-Files -->
	<link rel="stylesheet" href="css/bootstrap.css">
	<!-- Bootstrap-Core-CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
	<!-- Style-CSS -->
	<link href="css/font-awesome.min.css" rel="stylesheet">
	<!-- Font-Awesome-Icons-CSS -->
	<!-- //Custom-Files -->

	<!-- Web-Fonts -->
	<link href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i" rel="stylesheet">
	<link href="http://fonts.googleapis.com/css?family=Oxygen:300,400,700&amp;subset=latin-ext" rel="stylesheet">
	<!-- //Web-Fonts -->
</head>

<body>
<!-- main banner -->
<div class="main-top" id="home">
	<!-- header -->
	<header>
		<div class="container-fluid">
			<div class="header d-md-flex justify-content-between align-items-center py-3 px-xl-5 px-lg-3 px-2">
				<!-- logo -->
				<div id="logo">
					<h1><a href="index.html">Elvis</a></h1>
				</div>
				<!-- //logo -->
				<!-- nav -->
				<div class="nav_w3ls">
					<nav>
						<label for="drop" class="toggle">Menu</label>
						<input type="checkbox" id="drop" />
						<ul class="menu">
							<li><a href="index.html" class="active">首页</a></li>
							<li><a href="about.html">关于我们</a></li>
							<li><a href="brand.html?bcategory=all">所有品牌</a></li>
							<li><a href="contact.html">联系我们</a></li>
						</ul>
					</nav>
				</div>
				<!-- //nav -->
			</div>
		</div>
	</header>
	<!-- //header -->



	<!-- banner -->
	<div class="banner_w3lspvt-2">

	</div>
	<!-- //banner -->
</div>
<!-- //main banner -->
	<!-- page details -->
	<div class="breadcrumb-mobamu">
		<ol class="breadcrumb">
			<li class="breadcrumb-item">
				<a href="index.html">首页</a>
			</li>
			<li class="breadcrumb-item active" aria-current="page">联系我们</li>
		</ol>
	</div>
	<!-- //page details -->

	<!-- contact -->
	<section class="contact py-5" id="contact">
		<div class="container py-xl-5 py-lg-3">
			<h3 class="tittle text-center text-bl font-weight-bold">联系我们</h3>
			<p class="sub-tittle text-center mt-2 mb-sm-5 mb-4 pb-xl-3">您对我们的公司有任何建议都可以在这里进行提交，
				我们会尽可能的满足您所有要求，感谢您的意见！</p>
			<ul class="list-unstyled row text-left pt-4 mb-lg-5">
				<li class="col-lg-4 adress-info mb-lg-0 mb-5">
					<div class="row">
						<div class="col-3 text-lg-center text-sm-right text-center adress-icon">
							<span class="fa fa-map-marker"></span>
						</div>
						<div class="col-9 text-left">
							<h6>公司地址</h6>
							<p>埃尔维斯有限公司
								<br>New York City. </p>
						</div>
					</div>
				</li>
				<li class="col-lg-4 adress-info mb-lg-0 mb-5">
					<div class="row">
						<div class="col-3 text-lg-center text-sm-right text-center adress-icon">
							<span class="fa fa-envelope-open-o"></span>
						</div>
						<div class="col-9 text-left">
							<h6>联系邮箱</h6>
							<a href="mailto:info@example.com">mail@example.com</a>
							<br>
							<a href="mailto:info@example.com">mail2@example.com</a>
						</div>
					</div>
				</li>
				<li class="col-lg-4 adress-info mb-lg-0 mb-5">
					<div class="row">
						<div class="col-3 text-lg-center text-sm-right text-center adress-icon">
							<span class="fa fa-phone"></span>
						</div>
						<div class="col-9 text-left">
							<h6>联系电话</h6>
							<p>+ 1234567890</p>
							<p>+ 0987654321</p>
						</div>
					</div>
				</li>
			</ul>
			<div class="contact-form mx-auto text-left mt-lg-5 mt-4">
				<form class="layui-form" action="" name="form11" id="form11">
					<div class="row">
						<div class="col-lg-4 con-gd">
							<div class="form-group" data-aos="fade-up">
								<label>您的姓名 *</label>
								<input type="text" class="form-control" id="name" placeholder="" name="conname" required="">
							</div>
						</div>
						<div class="col-lg-4 con-gd">
							<div class="form-group" data-aos="fade-up">
								<label>您的邮箱 *</label>
								<input type="email" class="form-control" id="email" placeholder="" name="conemail" required="">
							</div>
						</div>
						<div class="col-lg-4 con-gd">
							<div class="form-group" data-aos="fade-up">
								<label>您的电话 *</label>
								<input type="text" class="form-control" id="phone" placeholder="" name="conphone" required="">
							</div>
						</div>

					</div>

					<div class="form-group mb-5">
						<label>您的建议</label>
						<textarea name="conhelp" class="form-control" id="iq" placeholder="" required=""></textarea>
					</div>
					<div class="contact-page">
						<button lay-submit class="btn submit mt-3" lay-filter="formDemo">提交</button>
					</div>
				</form>
			</div>
		</div>
	</section>
	<!-- //contact -->

<script>
    layui.use(['form'], function(){

        var $ = layui.$;
        var form = layui.form;
         form.on('submit(formDemo)', function(data) {

            $.ajax({
                url: "/contact/addContact"
                , type: "post"
                , data: data.field
                , success: function (d) {
                    if (d === 1) {
                        layer.msg('添加已成功！！！', {
                            icon: 1,
                            time: 1500 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {

                        });
                    }
                    else if(d===0){
                        layer.msg('请不要重复提交！！！', {
                            icon: 1,
                            time: 1500 //2秒关闭（如果不配置，默认是3秒）
                        }, function () {

                        });
                    }
                }
            });
             return false;
         });
    });

</script>
<!-- 尾 -->
<footer class="py-5">
	<div class="container pt-xl-4">
		<div class="row footer-top">
			<div class="col-lg-4 col-md-6 footer-grid_section_1its">
				<h2 class="logo-2 mb-lg-4 mb-3">
					<a href="index.html" class="text-uppercase text-wh">Elvis</a>
				</h2>
				<!-- Map -->
				<div class="map-fo">
					<iframe src=""></iframe>
				</div>
				<!-- //Map -->
			</div>
			<div class="col-lg-2 col-md-6 footer-grid_section_1its mt-md-0 mt-4">
				<h3 class="footer-title text-uppercase text-wh mb-lg-4 mb-3">链接</h3>
				<ul class="list-unstyled">
					<li class="mb-3">
						<a href="index.html">首页</a>
					</li>
					<li class="mb-3">
						<a href="about.html">关于我们</a>
					</li>
					<li class="mb-3">
						<a href="brand.html?bcategory=4">所有品牌</a>
					</li>
					<li class="mb-3">
						<a href="#services">热度最高</a>
					</li>
					<li class="mb-3">
						<a href="contact.html">联系我们</a>
					</li>
				</ul>
			</div>
			<div class="col-lg-3 col-md-6 footer-grid_section_1its mt-lg-0 mt-4">
				<h3 class="footer-title text-uppercase text-wh mb-lg-4 mb-3">联系方式</h3>
				<div class="contact-info">
					<div class="footer-style-w3ls mb-4">
						<h4 class="text-li mb-2">联系电话</h4>
						<p>+121 098 8907 9987</p>
					</div>
					<div class="footer-style-w3ls mb-4">
						<h4 class="text-li mb-2">联系邮箱 </h4>
						<p><a href="mailto:info@example.com">info@example.com</a></p>
					</div>
					<div class="footer-style-w3ls mb-4">
						<h4 class="text-li mb-2">联系地址</h4>
						<p>Honey Avenue, New York City</p>
					</div>
				</div>
			</div>
			<div class="col-lg-3 col-md-6 footer-grid_section_1its mt-lg-0 mt-4">
				<!-- social icons -->
				<div class="mobamuinfo_social_icons">
					<h3 class="footer-title text-uppercase text-wh mb-lg-4 mb-3">感谢使用</h3>
					<p>我们是一个公益品牌宣传网站，还在建设中，有什么不周之处敬请谅解！</p>

				</div>
				<!-- social icons -->
			</div>
		</div>
	</div>
</footer>
<!-- //footer -->
<!-- copyright -->
<div class="cpy-right text-center py-3">
	<p>Copyright &copy; 2019.Company name All rights reserved </a></p>
</div>
<!-- //copyright -->

	<!-- move top icon -->
	<a href="#home" class="move-top text-center"></a>
	<!-- //move top icon -->

</body>

</html>